<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
    <link rel="stylesheet" href="css/header.css">
</head>

<body>
    <div class="header">
        <div class="login">
            <a href="registry.html">请注册</a>
            <a href="login.html">请登录</a>
        </div>
        <div class="admin" style="display: none;">
            <span></span>：欢迎光临
            <a href="javascript:;">退出</a>
        </div>
    </div>
    <div class="nav"></div>
    <fieldset style="width:1160px;margin:10px auto;">
        <legend>用户注册</legend>
        <form action="http://localhost/JS2112/projectname/php/reg.php" method="post" class="registry_form">
            <p><label for="">用户姓名：</label><input type="text" name="username" class="username"><span class="checkspan"></span></p>
            <p><label for="">用户密码：</label><input type="password" name="password" class="password"><span class="checkspan"></span></p>
            <p><label for="">确认密码：</label><input type="password" name="repass" class="repass"><span class="checkspan"></span></p>
            <p><label for="">手机号码：</label><input type="text" name="tel" class="tel"><span class="checkspan"></span></p>
            <p><input type="submit" value="用户注册" name="submit" class="submit"></p>
        </form>
    </fieldset>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="script/reg.js"></script>
<!-- 
    注册的需求
    1.表单验证
    2.用户名或者手机号码的重复检测(防止重复注册)
        - 1.新建数据库和表 - 导入即可
        - 2.连接数据库的php文件。
        - 3.利用ajax将用户名传给后端，根据后端返回的结果确定用户名是否重名
    3.将注册的数据提交给后端，后端提交数据库。
        - 利用表单form+submit+name+method+action将前端的数据直接提交给后端。
 -->